<head>
    <link rel="stylesheet" href="vendor/data-table/media/css/dataTables.bootstrap.min.css">
</head>
<div class="content-header">
    <div class="leftside-content-header">
        <ul class="breadcrumbs">
            <li><i class="fa fa-table" aria-hidden="true"></i><a href="#">Tables</a></li>
            <li><a>Responsive</a></li>
        </ul>
    </div>
</div>
<div class="row animated fadeInRight">

    <div class="col-sm-12">
        <h4 class="section-subtitle" onclick="a1()"><b>Columns hiding</b> responsive</h4>
        <div class="panel">
            <div class="panel-content">
                    <table id="example" class="display" cellspacing="0" width="100%">
                            <thead>
                                <tr>
                                    <th>Name</th>
                                    <th>Position</th>
                                    <th>Office</th>
                                    <th>Extn.</th>
                                    <th>Start date</th>
                                    <th>Salary</th>
                                </tr>
                            </thead>
                     
                            <tfoot>
                                <tr>
                                    <th>Name</th>
                                    <th>Position</th>
                                    <th>Office</th>
                                    <th>Extn.</th>
                                    <th>Start date</th>
                                    <th>Salary</th>
                                </tr>
                            </tfoot>
                        </table>
            </div>
        </div>
    </div>
</div>

<script>

function a1() {
    $('#example').DataTable( {
        "ajax": "http://localhost/ajax/teaGetRunTimes?id=6",
        "columns": [
             "stuNum",
             "name"
            // { "data": "position" },
            // { "data": "office" },
            // { "data": "extn" },
            // { "data": "start_date" },
            // { "data": "salary" }
        ]
    } );
};


    $("#myModal").modal({
        remote: "test/test.jsp",//可以填写一个url，会调用jquery load方法加载数据
        backdrop: "static",//指定一个静态背景，当用户点击背景处，modal界面不会消失
        keyboard: true//当按下esc键时，modal框消失
    })
    function change(t) {
        alert(t);
    }
</script>

<script src="./javascripts/tt.js"></script>


<script src="vendor/data-table/media/js/jquery.dataTables.min.js"></script>
<script src="vendor/data-table/media/js/dataTables.bootstrap.min.js"></script>
<script src="vendor/data-table/extensions/Responsive/js/dataTables.responsive.min.js"></script>
<script src="vendor/data-table/extensions/Responsive/js/responsive.bootstrap.min.js"></script>
<script src="javascripts/examples/tables/data-tables.js"></script>
<script src="http://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>